import classNames from 'classnames';

import type { FC, SVGProps } from 'react';

const Scaleway: FC<SVGProps<SVGSVGElement>> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 122 144"
    width="122"
    height="144"
    fill="none"
    className={classNames('text-[#521094] dark:text-white', props.className)}
  >
    <path
      d="M66.334 32.9916H42.6219C37.4192 33.5933 33.4171 37.9053 33.217 43.1198V77.415C33.217 79.7215 34.1175 81.727 35.6183 83.2312C37.119 84.7354 39.1201 85.6379 41.4213 85.6379C45.9236 85.6379 49.6255 81.9276 49.6255 77.415V55.6546C49.6255 52.2451 52.4269 49.4373 55.8287 49.4373H66.5341C68.8353 49.4373 70.8364 48.5348 72.3371 47.0306C73.8379 45.5265 74.7384 43.4206 74.7384 41.1142C74.7384 36.6017 70.8364 32.9916 66.334 32.9916Z"
      fill="currentColor"
    />
    <path
      d="M55.6286 111.209H79.3407C84.5434 110.607 88.5455 106.295 88.7456 101.081V66.7855C88.7456 64.4791 87.8451 62.4735 86.3443 60.9694C84.8435 59.4652 82.8425 58.5627 80.5413 58.5627C76.039 58.5627 72.3371 62.273 72.3371 66.7855V88.546C72.3371 91.9554 69.5357 94.7632 66.1339 94.7632H55.4284C53.1273 94.7632 51.1262 95.6657 49.6255 97.1699C48.1247 98.6741 47.2242 100.78 47.2242 103.086C47.3243 107.599 51.1262 111.209 55.6286 111.209Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M27.214 0H70.3361C98.7507 0 121.662 22.9638 121.563 51.4429V119.733C120.262 132.669 109.756 142.897 96.7497 144H51.3264C23.0118 144 0 120.936 0 92.5571V27.2758C0 12.234 12.2063 0 27.214 0ZM105.254 51.4429C105.254 32.1894 89.546 16.4457 70.3361 16.4457H27.314C21.3109 16.4457 16.5085 21.2591 16.5085 27.2758V92.5571C16.5085 111.911 32.1165 127.554 51.4264 127.554H96.0493C100.752 126.953 104.454 123.343 105.254 118.73V51.4429Z"
      fill="currentColor"
    />
  </svg>
);

export default Scaleway;
